import { StyleSheet, Dimensions } from 'react-native';

export default StyleSheet.create({
  detail: {
    flex: 1,
  },
  main: {
    flex: 1,
    backgroundColor: '#fff',
  },
  mainCont: {
    alignItems: 'stretch'
  },
  titleWrap: {
    backgroundColor: '#fff',
  },
  title: {
    fontSize: 28,
    padding: 10,
  },
  date: {
    fontSize: 16,
    color: '#999',
    padding: 10,
    paddingTop: 0,
  },
  contWrap: {
    padding: 10,
  },
  contText: {
    fontSize: 20,
  },
  bottom: {
    padding: 5
  },
  titleImg: {
    //height: 100
    alignItems: 'stretch',
  },
  imageTags: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center',
    position: 'absolute',
    bottom: 0,
    height: 56,
    width: Dimensions.get('window').width,
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
    zIndex: 100,
    paddingHorizontal: 10
  },
  imageTagLabel: {
    color: '#fff',
    fontSize: 16,
    paddingTop: 2, // 略微修正
  },
  imageTagValue: {
    color: '#fff',
    fontSize: 32,
    marginHorizontal: 10,
  },
})